<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>资金管理</title>
  <link rel="stylesheet" href="../layui/css/layui.css" media="all">
</head>
<body>
	<table id="demo" lay-filter="test"></table>
	<script src="../layui/layui.js"></script>
<script>
var goodsId=0;
layui.use(['table','jquery'], function(){
  var table = layui.table;
  var $ = layui.jquery;
  
  //渲染表格
  table.render({
    elem: '#demo'
    ,height: 512
    ,url: 'AdminFundServlet?method=findAll' //数据接口
    ,page: true //开启分页
    ,limit:5
    ,limits:[5,10,15,20]
    ,cols: [[ //表头
      {field: 'id', title: 'ID'}
      ,{field: 'createTime', title: '操作时间'}
      ,{field: 'type', title: '类型',templet:function(d){
    	  switch(d.type){
	    	  case 1:
	    		  return '充值'
	    	  case 2:
	    		  return '消费'
	    	  case 3:
	    		  return '提现'
    	  }
      }}
      ,{field: 'money', title: '金额'}
      ,{field: 'balance', title: '余额'} 
      ,{field: 'vipRemark', title: '会员备注'} 
      ,{field: 'adminRemark', title: '管理员备注'}
      ,{field: 'status', title: '状态',templet:function(d){
    	  switch(d.status){
	    	  case 1:
	    		  return '完成'
	    	  case 2:
	    		  return '取消'
	    	  case 3:
	    		  return '等待审批'
	  }
      }}
      ,{fixed: 'right',title: '操作',   align:'center', toolbar: '#barDemo'}
    ]]
  });
  
//行工具条事件
  table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data; //获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
    var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
   
    if(layEvent === 'check'){ //审核
      //do somehing
      $.post(
    	'AdminFundServlet?method=check'
    	,{
    		id:data.id
    	},function(){
    		table.reload('demo')
    	}
      )
    }
  });
  
  
  
});
</script>
</body>
</html>
<!-- 行工具栏 -->
<script type="text/html" id="barDemo">
  {{#  if(d.status == 3){ }}
    <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
  {{#  } }}
</script>